<?php 
session_start();
if (empty($_SESSION['nombre']))
	echo "<meta http-equiv='Refresh' content='0;url=../../index.php'>";
?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Seguimiento de Clientes</title>
    <link href="../../bootstrap/css/bootstrap.css" rel="stylesheet">
   	<link href="../../bootstrap/css/view.css" rel="stylesheet">
   	<link href="../../bootstrap/css/cupertino/jquery.ui.all.css" rel="stylesheet" type="text/css">
   	
	<script type="text/javascript" src="../../bootstrap/scripts/view.js"></script>
	<script type="text/javascript" src="../../bootstrap/scripts/jquery.js"></script> 
	<script type="text/javascript" src="../../bootstrap/js/bootstrap.js"></script> 
	
	<script type="text/javascript" src="../../bootstrap/js/jquery.ui.core.min.js"></script>
	<script type="text/javascript" src="../../bootstrap/js/jquery.ui.datepicker.min.js"></script>
	<script type="text/javascript" src="../../bootstrap/js/toastr.min.js"></script> 
    <link href="../../bootstrap/css/toastr.min.css" rel="stylesheet">  
   
   <script type="text/javascript">
		$(document).ready(function()
		{
		   var jQueryDatePicker1Opts =
		   {
		      dateFormat: 'yy-mm-dd',
		      changeMonth: false,
		      changeYear: false,
		      showButtonPanel: false,
		      showAnim: 'show'
		   };
		   $("#fecha").datepicker(jQueryDatePicker1Opts);
		   $("#datepicker").datepicker(jQueryDatePicker1Opts);
		   $("#fechamsj").datepicker(jQueryDatePicker1Opts);
		   
		   cargarVendedores();
		});
</script>
  
   
  </head>
<body >
<div id="a_header">
		<div class="container">
			<div class="row">
				<div class="span10">
					
					<img src="../../imagenes/CRM HV alta.png" width="175" height="110"  style="float:left;" alt="" />					
					<div style="display:inline-block; margin-top:20px;">
						<h3 style="margin:0px;">Sistema de Administraci&oacute;n y gesti&oacute;n de clientes(CRM)</h3>
					</div>
				</div>
					<div class="btn-group pull-right upan">
						  <button type="button" class="btn btn-primary" id ="drop"><span class= "glyphicon glyphicon-user"><?php if (! empty($_SESSION['nombre'])) echo("   ". $_SESSION['user']);?></span></button>
						  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" id="drop2">
						    <span class="caret"></span>
						  </button>
						  
						  <ul class="dropdown-menu" role="menu">
						  
						    <li><a href="../../TableroInicio.php" title="Tablero Principal">Inicio</a></li>
						     <li class="divider"></li>
						    <li><a href="../../cerrar_sesion.php" title="Cerrar sesi&oacute;n">Salir</a></li>
						  </ul>
					</div>	
			</div>
		</div>
 	</div> 
<div style="background-color:#0455A7; height:3px;"></div>	<!--  fin header -->

<div class="container" style= "width: 50%">
				<br>
				
				<br>
				<div class="btn-group" data-toggle="buttons">
				 <label class="btn btn-default">
				    <input type="radio" name="options" id="option4" onchange="prospectos();">- Prospectos -
				  </label>
				  <label class="btn btn-default">
				    <input type="radio" name="options" id="option1" onchange="potenciales();">- Potenciales -
				  </label>
				  <label class="btn btn-default">
				 			
				    <input type="radio" name="options" id="option2" onchange="activosinicio();">- Activos -
				  </label>
				 
				 
				</div>
	<div id="buscador" style="display:block">
		<h4>Seguimiento de Clientes</h4>
		<nav class="navbar navbar-default" role="search" style="width:850px;">
		<form class="navbar-form navbar-left" role="search" method="post" action="" onsubmit="traerdatos(); return false" >
  			<div class="form-group">
    			<input type="text" class="form-control" size="60" id = "textofiltro" placeholder="Nombre de Cliente" >
  			</div>
  			<button type="submit" class="btn btn-default" id="buscar">Buscar <img src="../../imagenes/glyphicons_027_search.png" width="15" height="15" />  </button>
  			<button type="reset" class="btn btn-default"  >Limpiar <span class= 'glyphicon glyphicon-refresh'></span>  </button>
	        <button type="button" class="btn btn-danger" onclick="Cancelar();"><img src="../../imagenes/glyphicons_380_message_forward.png" width="17" height="15" /> Inicio</button>
		</form>
		</nav>
	</div>
</div>
	<div class="container" style="min-height:300px;">
		<div id="menuactivo" style="text-align: left;display:none">
		
		
		<nav class="navbar navbar-default" style="width:1250px;" >
  			
	        
	        <button type="button" class="btn btn-info" onclick="reportar(1);" >Clientes Inactivos <span class= 'glyphicon glyphicon-off'></span>  </button>
	         <button type="button" class="btn btn-success" onclick="activos();" >Clientes Activos <span class= 'glyphicon glyphicon-ok-sign'></span>  </button>
	        <button type="button" class="btn btn-info" onclick="reportar(2);" >Contratos Por Finalizar <span class= 'glyphicon glyphicon-bullhorn'></span>  </button>
	        <button type="button" class="btn btn-danger" onclick="reportar(3);" >Contratos Pendientes de Pago <span class= 'glyphicon glyphicon-warning-sign'></span>  </button>
	        <button type="button" class="btn btn-info" onclick="reportar(4);" >Contratos sin Pr&oacute;ximo Pago Establecido <span class= 'glyphicon glyphicon-question-sign'></span>  </button>
	        <button type="button" class="btn btn-info" onclick="reportar(8);" >Contratos con Pagos Cercanos<span class= 'glyphicon glyphicon-usd'></span>  </button>
		</nav>
		
				
		</div>
		<div id="tabla">
		</div>
	
	</div>
	<!-- Modal -->
					  <div class="modal fade" id="modalmode2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					    <div class="modal-dialog">
					      <div class="modal-content">
					        <div class="modal-header">
					          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					          <h4 class="modal-title">Selecci&oacute;n de Fecha</h4>
					        </div>
					        <div class="modal-body" style="text-align: left; background-color:#f2f9f2">
						   		<div id="datosss" style="height:175px">
						   			<p>Fecha de Pr&oacute;ximo Pago: <input type="text" id="datepicker" onkeyup="notouch(this);"></p>
								</div>
								<script>
									  
									  function notouch(obj)
									  {
										  obj.value=obj.value;
									  }
								  </script>																		
						     </div>
					        <div class="modal-footer">
					         <button type="button" class="btn btn-primary" onclick="actualizarDatos(); return false">Actualizar</button>
					          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
					      
					        </div>
					      </div><!-- /.modal-content -->
					    </div><!-- /.modal-dialog -->
					  </div><!-- /.modal -->
	<!-- Modal -->
					  <div class="modal fade" id="modalmode" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					    <div class="modal-dialog">
					      <div class="modal-content">
					        <div class="modal-header">
					          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					          <h4 class="modal-title">Actualizaci&oacute;n de Datos</h4>
					        </div>
					        <div class="modal-body" style="text-align: left; background-color:#f2f9f2">
						   		<div id="datos">
						   			
								</div>																		
						     </div>
					        <div class="modal-footer">
					         <button type="button" class="btn btn-primary" onclick="actualizarDatos(); return false">Actualizar</button>
					          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
					      
					        </div>
					      </div><!-- /.modal-content -->
					    </div><!-- /.modal-dialog -->
					  </div><!-- /.modal -->
		<!-- Modal -->
					  <div class="modal fade" id="modalmodemsj" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					    <div class="modal-dialog">
					      <div class="modal-content">
					        <div class="modal-header">
					          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					          <h4 class="modal-title">Mensajer&iacute;a</h4>
					        </div>
					        <div class="modal-body" style="text-align: left; background-color:#f2f9f2">
						   		<div>
						   			<ul class="list-unstyled">
		
											<li  >
											<label class="description">Seleccione la Fecha: </label>
											<div>
												<input id="fechamsj" type="text" maxlength="30" size="30">
											</div> 
											
											</li>
											<li  >
											<label class="description" for="fecha">Direcci&oacute;n: </label>
											<div>
												<input id="direccionmsj"   type="text" maxlength="30" size="30">
											</div> 
											
											</li>
											<li  >
											<label class="description" for="fecha">Comentario: </label>
											<div>
												<input id="comentmsj"   type="text" maxlength="256" size="50">
											</div> 
											
											</li>
											<li  >
											<label class="description" for="fecha">Estado Actual: </label>
											<div>
												<input id="status" readonly  type="text" maxlength="256" size="50">
											</div> 
											
											</li>
											<li  >
											<label class="description" for="fecha">Usuario: </label>
											<div>
												<input id="usermsj" readonly  type="text" maxlength="256" size="50">
											</div> 
											
											</li>
									</ul>
								</div>																		
						     </div>
					        <div class="modal-footer">
					         <button type="button" class="btn btn-primary" onclick="actualizarMsj(); return false">Enviar a Mensajer&iacute;a</button>
					          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
					      
					        </div>
					      </div><!-- /.modal-content -->
					    </div><!-- /.modal-dialog -->
					  </div><!-- /.modal -->			  
		<!-- Modal -->
					  <div class="modal fade" id="nuevoseguimiento" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					    <div class="modal-dialog">
					      <div class="modal-content">
					        <div class="modal-header">
					          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					          <h4 class="modal-title" id="titulomodal">Nuevo Seguimiento de Cliente</h4>
					        </div>
					        <div class="modal-body" style="text-align: left; background-color:#f2f9f2">
						   		
						   			<ul class="list-unstyled">
		
											<li  >
											<label class="description" for="nombrecliente">Nombre de cliente o empresa: </label>
											<div>
												<input id="nombrecliente"  disabled type="text" maxlength="30" size="30">
											</div> 
											
											</li>
											<li  >
											<label class="description" for="fecha">Fecha Creaci&oacute;n: </label>
											<div>
												<input id="fecha"   type="text" maxlength="30" size="30">
											</div> 
											
											</li>
											<li  >
											<label class="description" for="">Observaci&oacute;n: </label>
											<div>
												<input id="obs"   type="text" maxlength="100" size="40">
											</div> 
											
											</li>
											<li  >
											<label class="description" for="vendedor">Vendedor asignado: </label>
											<div>
												<select id ="vendedor" class= "element select" >
																
												</select> 
												
												<script type="text/javascript">
												
												function cargarVendedores(){
													
													 $(function () 
															  {
														      var ajax_data = {
																  "id"     : 'vendedor',
																};
															    $.ajax({                                      
															      url: 'cargarvendedores.php', 
															      data: ajax_data,                    
															      dataType: "json",                
															      success: function(data)          
																	{
																	if( data == 0)
																	{
																		document.getElementById('vendedor').innerHTML="No hay data.";
																	}
																	else
																	{
																		
																		 for(f=0;f<data.length;f+=3)
																		{
																			 $("<option value='"+data[f]+"'>"+data[f+1]+" " +data[f+2]+"</option>").appendTo("#vendedor");
																		} 
																		 
																	}
															      }
															    });
															  });
													 cargarPropuestas();
												}
											</script>
											</div> 
											
											</li>
											<li>
												<label class="description" for="propuesta">Propuesta: </label>
												<select id ="propuesta" class= "element select" >
												<option value="0">Sin Propuesta</option>			
												</select>
												<script type="text/javascript">
												
												function cargarPropuestas(){
													
													 $(function () 
															  {
														      
															    $.ajax({                                      
															      url: 'cargarpropuestas.php',           
															      dataType: "json",                
															      success: function(data)          
																	{
																	if( data == 0)
																	{
																		document.getElementById('propuesta').innerHTML="No hay data.";
																	}
																	else
																	{
																		
																		 for(f=0;f<data.length;f+=4)
																		{
																			 $("<option value='"+data[f]+"'>"+data[f+1]+" " +data[f+2]+" " +data[f+3]+"</option>").appendTo("#propuesta");
																		} 
																		 
																	}
															      }
															    });
															  });
													 
												}
											</script>
											</li>
											<div id="pautaformamonto">
											<li>
											<label class="description" for="pauta">Tiempo de Pauta: </label>
											<span>
												<select id ="pauta" class= "element select" >	
												<option value="1">Semanal</option>	
												<option value="2">Quincenal</option>
												<option value="3">Mensual</option>
												<option value="4">Trimestral</option>
												<option value="5">Anual</option>	
												</select>
											</span>
											
												
											</li>
											
											<li >
											<label class="description" for="forma">Forma de pago: </label>
											<span>
												<select id ="forma" class= "element select" >	
												<option value="1">Efectivo</option>	
												<option value="2">Intercambio</option>	
												</select>
											</span>
											 
											</li>	
													
											<li>
											<label class="description" for="monto">Monto: </label>
											<span>
												<input id="monto"  class="element text" size="8" maxlength="8" value="0" type="number" >
											</span>
											
											</li>	
											</div>
												
											</ul>																			
						     </div>
						     
					        <div class="modal-footer">
					         <button type="button" class="btn btn-primary" onclick="actualizarCliente(); return false">Actualizar</button>
					          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
					      
					        </div>
					      </div><!-- /.modal-content -->
					    </div><!-- /.modal-dialog -->
					  </div><!-- /.modal -->	
					  		  
		<div class="modal fade" id="updateCli" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					    <div class="modal-dialog">
					      <div class="modal-content">
					        <div class="modal-header">
					          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					          <h4 class="modal-title">Actualizaci&oacute;n de Cliente</h4>
					          
					        </div>
					        
					        <div class="modal-body" style="text-align: left; background-color:#f2f9f2">
						   		<div id="tipom"></div>
						   			<ul class="list-unstyled">
											<li>
							<label class="description" for="nombrecliente">Nombre de cliente o empresa: </label>
							<div>
								<input id="nombrecliente2"   type="text" maxlength="30" size="30">
							</div> 
							
							</li>
							<div  id="liruc">
							<li >
							<label class="description" for="ruc">RUC: </label>
							<div>
								<input id="ruc"   type="text" maxlength="30">
							</div> 
							
							</li>
							<li   >
							<label class="description" for="dv">DV: </label>
							<div>
								<input id="dv"   type="text" maxlength="5"size="5">
							</div> 
							
							</li>
							</div>
							<li>
								<label class="description" for="element_72">Direcci&oacute;n: </label>
								<input id="direccion" name="element_72" class="element text medium" maxlength="250" value="" type="text">
							</li>
							<li id="li_8" >
							<label class="description" for="telefono">Tel&eacute;fono: <span class= "glyphicon glyphicon-phone-alt"></span></label>
							<span>
								<input id="telefono1"  class="element text" size="8" maxlength="8" value="" type="text" onkeyUp="return ValNumero(this);">
								
							</span>
							
								
							</li>
							<li id="li_1" >
							<label class="description" for="contacto">Contacto:  <span class= "glyphicon glyphicon-user"></span></label>
							<span>
								<input id="nombre" name= "element_1_1" class="element text" maxlength="255" size="25" value=""/>
								
							</span>
							 
							</li>	
									
							<li id="li_3" >
							<label class="description" for="telcontacto">Tel&eacute;fono contacto: <span class= "glyphicon glyphicon-phone"></span></label>
							<span>
								<input id="telcontacto"  class="element text" size="8" maxlength="8" value="" type="text" onkeyUp="return ValNumero(this);">
								
							</span>
							
							</li>	
							
							<li id="li_5" >
							<label class="description" for="email">Email <span class= "glyphicon glyphicon-envelope"></span></label>
							<div>
								<input id="email" name="element_5" class="element text medium" type="email" maxlength="255" value=""/> 
							</div> 
							</li>		
							
							<li id="li_8" >
							<label class="description" for="cargo">Cargo del contacto: <span class= "glyphicon glyphicon-list"></span></label>
							<div>
								<input id="cargo"   type="text" maxlength="20">
							</div>
								
							</li>
							
							
							<li>
							<label class="description" for="element_666">Tipo de Organizaci&oacute;n:<span class= "glyphicon glyphicon-list-alt"></span></label>
							</li>
							<li id="li_12" >
								<label class="checkbox-inline">
								  <input type="radio" name = "org" id="1"> Gobierno
								</label>
								<label class="checkbox-inline">
								  <input type="radio" name = "org" id="2" > Privado
								</label>
								<label class="checkbox-inline">
								  <input type="radio" name = "org" id="3" > Persona Natural
								</label>
							</li>
							
							
								</ul>																			
						     </div>
					        <div class="modal-footer">
					         <button type="button" class="btn btn-primary" onclick="actualizarClienteVenta(); return false">Actualizar</button>
					          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
					      
					        </div>
					      </div><!-- /.modal-content -->
					    </div><!-- /.modal-dialog -->
					  </div><!-- /.modal -->			  
					  
					  
					  
					  
<!--  footer -->
   
    <footer style="margin-top: 20px; background-color:#FFF;">
		<div style="background-color:#00f; height:5px;"></div>
        <div class="container" style="height:100px;">
			<div class="row">
				<div class="span2" style="float:right;">
					<p style="">Desarrollado por:</p>
					<a href="http://www.3tech-panama.com"><img src="../../imagenes/3techpaylogo.png"alt="3tech panama" style="width:134px; height:50px; float:right;" /></a>
			   </div>
			</div>
		</div>
        <div style="background-color:#0000FF; height:25px;">
            <div class="container" >
                <p style="margin-left: 10px; color:#FFF;">Copyright &copy; 2013 HOSANNA. Todos los derechos reservados. </p>
            </div>
        </div>	
    </footer>
</body>
<script type="text/javascript">
var tipocli = 0;
var codigocontrato;
function retornarBarra()
{
	
	$taghtml = "<div class='progress progress-striped active'><div class='progress-bar'  role='progressbar' aria-valuenow='40' aria-valuemin='25' aria-valuemax='50' style='width: 100%'></div>";
	return $taghtml;	
}
function crearXMLHttpRequest() 
{
  var xmlHttp=null;
  if (window.ActiveXObject) 
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  else 
    if (window.XMLHttpRequest) 
      xmlHttp = new XMLHttpRequest();
  return xmlHttp;
}
var conexhttp;
function Cancelar() {
	window.location="../../TableroInicio.php";
}
function presentarDatos()
{
  
  document.getElementById('tabla').innerHTML = "<strong>Cargando datos, por favor espere...</strong><br>"+retornarBarra();
  if(conexhttp.readyState == 4)
  	document.getElementById('tabla').innerHTML = conexhttp.responseText;
	 
}

function quitar(codigo){
	idCliente =codigo;
	opcionModal=5;
	document.getElementById('datos').innerHTML = "<h4>Esta seguro de quitar este cliente:  </h4><strong>Id de cliente =</strong> <span class='badge'>"+idCliente+"</span>";
	$('#modalmode').modal("show");
}
function establecerFechaProx(codcon){
	codigocontrato=codcon;
	$('#modalmode2').modal("show");
}
function actualizarDatos()
{
	try {
		var fecha = $('#datepicker').val();
		$('#tabla').load('desactivarcontrato.php?opcion=2&activar='+fecha+'&idcontrato='+codigocontrato);
		$('#modalmode2').modal("hide");
	} catch (err) {
		alert("Error JS= " + err.message);
	}
}
function prospectos()
{
	try {
		mostrarmenu(false);
		tipocli=1;
		conexhttp=crearXMLHttpRequest();
		conexhttp.onreadystatechange = presentarDatos;
		conexhttp.open('GET',"cargardatos3.php?id=1", true);
		conexhttp.send(null);
	} catch (err) {
		alert("Error JS= " + err.message);
	}
}
function potenciales()
{
	try {
		mostrarmenu(false);
		tipocli=2;
		conexhttp=crearXMLHttpRequest();
		conexhttp.onreadystatechange = presentarDatos;
		conexhttp.open('GET',"cargardatos3.php?id=2", true);
		conexhttp.send(null);
		
	} catch (e) {
		{
			alert("Error JS= " + e.message);
		}
	}
}
function activosinicio()
{
	try {
		tipocli=3;
		mostrarmenu(true);
		document.getElementById('tabla').innerHTML='<legend>Clientes Activos</legend>';
	} catch (err) {
		alert("Error JS= " + err.message);
	}
}
function activos()
{
	try {
		//tipocli=3;
		conexhttp=crearXMLHttpRequest();
		conexhttp.onreadystatechange = presentarDatos;
		conexhttp.open('GET',"cargardatos3.php?id=3", true);
		conexhttp.send(null); 
		//mostrarmenu(true);
		 
	} catch (err) {
		alert("Error JS= " + err.message);
	}
}
function traerdatos()
{
	try {
		if(tipocli == 1)//Prospectos
		{
			filtro = $( "#textofiltro" ).val();
			reportar(7);
		}
		else if(tipocli == 2)//Potenciales
		{
			filtro = $( "#textofiltro" ).val();
			reportar(6);
		}
		else if(tipocli == 3)//activos
		{
			filtro = $( "#textofiltro" ).val();
			reportar(5);
		}
		else
			alertar('Primero indique el Tipo de Cliente.','info');	
	} catch (err) {
		alert("Error JS= " + err.message);
	}
}
var codigocliente;
function ver(codigoCli,tipoCli)
{
	try {
		tipocli=tipoCli;
		codigocliente=codigoCli;
		conexhttp=crearXMLHttpRequest();
		conexhttp.onreadystatechange = presentarDatos;
		conexhttp.open('GET',"cargardatos4.php?id="+codigoCli+"&tipo="+tipocli, true);
		conexhttp.send(null);
	} catch (err) {
		alert("Error JS= " + err.message);
	}
}
var nombrecli;
var codigotipo;
function nuevo(codigoCli)
{
	try {
		codigocliente=codigoCli;
        buscarCli(codigoCli);

	} catch (err) {
		alert("Error JS2= " + err.message);
	}
}
function buscarCli(codigoCli)
{
	try {
		$('#nombrecliente').val('');
		$('#fecha').val('');
		$('#obs').val('');
		
		 $(function () 
					  {
						 var ajax_data = {
								  "id"     : codigoCli,
								};
					    $.ajax({ 
						  async:false,                                     
					      url: 'tipocliente.php',  
					      data: ajax_data,          
					      dataType: "json",                
					      success: function(data)          
							{
							if( data != 0)
								nombrecli = data[1];
							    codigotipo = data[0];
							    
							    document.getElementById('titulomodal').innerHTML="Ingresar Nuevo Seguimiento";
								if(codigotipo==1)
								{
								document.getElementById('nombrecliente').value = nombrecli;
								document.getElementById('pautaformamonto').style.display  = 'none';
								
								}
								else if(codigotipo==2)
								{
									document.getElementById('nombrecliente').value = nombrecli;
									document.getElementById('pautaformamonto').style.display  = 'block';
									
								}
								
								$('#nuevoseguimiento').modal("show");
								opcionModal=1;//nuevo
					      }
					    });
					  });
		
	} catch (err) {
		alert("Error JS1= " + err.message);
	}
} 
var opcionModal=0;

function actualizarCliente()
{
	$('#nuevoseguimiento').modal("hide");
		
	try {
		if(tipocli==1)
		{
		var fecha =document.getElementById('fecha').value;
		var obs = document.getElementById('obs').value;
		var vendedor = document.getElementById('vendedor').value;
		var propuesta = document.getElementById('propuesta').value;
		conexhttp=crearXMLHttpRequest();
		conexhttp.onreadystatechange = presentarDatos2;
		conexhttp.open('GET',"set-data3.php?opcion="+opcionModal+"&tipocli=1&cliente="+codigocliente+"&fecha="+fecha+"&observacion="+obs+"&vendedor="+vendedor+"&propuesta="+propuesta+"&codigo="+CodSeg, true);
		conexhttp.send(null);
		}
		else if(tipocli==2)
		{
			var fecha =document.getElementById('fecha').value;
			var obs = document.getElementById('obs').value;
			var vendedor = document.getElementById('vendedor').value;
			var propuesta = document.getElementById('propuesta').value;
			var pauta = document.getElementById('pauta').value;
			var forma = document.getElementById('forma').value;
			var monto = document.getElementById('monto').value;
			
			conexhttp=crearXMLHttpRequest();
			conexhttp.onreadystatechange = presentarDatos2;
			conexhttp.open('GET',"set-data3.php?opcion="+opcionModal+"&tipocli=2&cliente="+codigocliente+"&fecha="+fecha+"&observacion="+obs+"&vendedor="+vendedor+"&propuesta="+propuesta+"&pauta="+pauta+"&forma="+forma+"&monto="+monto+"&codigo="+CodSeg, true);
			conexhttp.send(null);
		}
		
		opcionModal=0;
	} catch (err) {
		alert("Error JS= " + err.message);
	}
}
function presentarDatos2()
{
	
  document.getElementById('tabla').innerHTML = "<strong>Guardando, por favor espere...</strong><br>"+retornarBarra();
  if(conexhttp.readyState == 4)
  {
	  if(conexhttp.responseText == "ok") {
		 
		 
		  	ver(codigocliente,tipocli);
	  }
	  else alert(conexhttp.responseText);
  }
	 
}
var CodSeg;
function modificarSeguimiento(codigoSeg)
{
	try {
		 $(function () 
					  {
						 var ajax_data = {
								  "id"     : codigoSeg,
								 
								};
					    $.ajax({                                      
					      url: 'datoseguimiento.php',  
					      data: ajax_data,          
					      dataType: "json",                
					      success: function(data)          
							{
							if( data != 0)
								CodSeg = codigoSeg;
							    codigocliente = data[0];
						    	fecha = data[1];
						    	observacion = data[2];
						    	codigoVen = data[3];
						    	codigoPro = data[4];
						    	codigoPau = data[5];
						    	formapago = data[6];
						    	monto = data[7];
						    	aprobacion = data[8];
						    	fecha2 = data[9];
						    	codigotipo =data[10];
						    	nombrecli = data[11];
						    	document.getElementById('titulomodal').innerHTML="Modificar Seguimiento";
						    	
								if(codigotipo==1)
								{
								document.getElementById('nombrecliente').value = nombrecli;
								document.getElementById('fecha').value = fecha;
								document.getElementById('obs').value = observacion; 
								$("#vendedor option[value="+codigoVen+"]").attr("selected",true);
								$("#propuesta option[value="+codigoPro+"]").attr("selected",true);
								document.getElementById('pautaformamonto').style.display  = 'none';
								
								}
								else if(codigotipo==2)
								{
									
									document.getElementById('nombrecliente').value = nombrecli;
									document.getElementById('fecha').value = fecha;
									document.getElementById('obs').value = observacion; 
									$("#vendedor option[value="+codigoVen+"]").attr("selected",true);
									$("#propuesta option[value="+codigoPro+"]").attr("selected",true);
									$("#pauta option[value="+codigoPau+"]").attr("selected",true);
									$("#forma option[value="+formapago+"]").attr("selected",true);
									document.getElementById('monto').value = monto; 
									document.getElementById('pautaformamonto').style.display  = 'block';
								}
								
								$('#nuevoseguimiento').modal("show");
								opcionModal=2;//actualizar
					      }
					    });
					  });
		
	} catch (err) {
		alert("Error JS1= " + err.message);
	}
}
function eliminarSeguimiento(codigoSeg)
{
	try {
		var resp = confirm("Confirme eliminaci\u00f3n de seguimiento.");
		if(resp)
		{
			conexhttp=crearXMLHttpRequest();
			conexhttp.onreadystatechange = presentarDatos2;
			conexhttp.open('GET',"set-data3.php?opcion=0&codigo="+codigoSeg, true);
			conexhttp.send(null);
		}
	} catch (err) {
		alertar("Error JS= " + err.message,"error");
	}
}
function convertir(codcli)
{
	codigocliente=codcli;
	document.location.href="registrar-activo.php?cliente="+codigocliente;
}
function mostrarmenu(opcion)
{
	//(opcion) ? document.getElementById("menuactivo").style.display = 'block' : document.getElementById("menuactivo").style.display = 'none';
	if(opcion) $('#menuactivo').show('slow');else $('#menuactivo').hide('slow');
}
var filtro="";
function reportar(opcion)
{
	try {
		
		document.getElementById('tabla').innerHTML="";
		conexhttp=crearXMLHttpRequest();
		conexhttp.onreadystatechange = presentarReporte;
		conexhttp.open('GET',"getReporte.php?opcion="+opcion+"&filtro="+filtro, true);
		conexhttp.send(null);
	} catch (err) {
		alert("Error JS= " + err.message);
	}
}
function presentarReporte()
{
  
	
  if(conexhttp.readyState == 4)
  {
	  document.getElementById('tabla').innerHTML = conexhttp.responseText;
  }
  else document.getElementById('tabla').innerHTML = "<strong>Por favor espere...</strong><br>"+retornarBarra();
	  
	 
}
function convertir2(codcli)
{
	codigocliente=codcli;
	document.location.href="registrar-potencial.php?cliente="+codigocliente;
}

window.onload = function verificarRetornos(){
	
	if (window.name == "2")
	{
		prospectos();
	}
	if (window.name == "1")
	{
		potenciales();
		alertar('Cliente Actualizado Correctamente a Cliente Potencial','info');
	}
	if (window.name == "3")
	{
		activos();
		alertar('Cliente Actualizado Correctamente a Cliente Activo','info');
	}
	if (window.name == "4")
	{
		potenciales();
	}
	if (window.name == "5")
	{
		potenciales();
		alertar('Este Cliente no Tiene RUC o DV registrado.','error');
	}
	if (window.name == "9")
	{
		ver2(window.status);
	}
	if (window.name == "10")
	{
		
		 var codcli = "<?php echo $_REQUEST['cli']; ?>";
		ver2(codcli);
	}
	window.name="";
}
function editarCliente(codcli)
{
	
	codigocliente=codcli;
	try {
		
		 
		if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
	    else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	    xmlhttp.open("GET","eliminar-cliente.php?id=*", false);
	    xmlhttp.send();
	    if(xmlhttp.responseText == "deny")
		    {
	    	alertar("No tiene permisos para esta acci\u00f3n.",'error');
		    return;
	    }
	    else
	    {
		   
	    	$(function () 
	    			  {
	    			    $.ajax({   
		    			  async: false,                                   
	    			      url: 'cargardatos5.php',                       
	    			      data: "id="+codigocliente,                       
	    			      dataType: "json",                
	    			      success: function(data)          
	    					{
	    			    	  codigocliente = data[0];
	    			    	  document.getElementById('nombrecliente2').value = data[1];
	    			    	  document.getElementById('ruc').value = data[11];
	    			    	  document.getElementById('dv').value = data[12];
	    			    	  document.getElementById('direccion').value = data[3];
	    					  document.getElementById('telefono1').value = data[4];
	    					  document.getElementById('nombre').value = data[5];
	    					  document.getElementById('telcontacto').value = data[6];
	    					  document.getElementById('email').value = data[8];	
	    					  document.getElementById('cargo').value = data[7];	
    					  
	    					 
	    					  if(data[9]==1) $("#1").prop("checked", true); 
	    					  if(data[9]==2) $("#2").prop("checked", true); 
	    					  if(data[9]==3) $("#3").prop("checked", true); 

	    					  if(data[10]==1)
	    						  document.getElementById('tipom').innerHTML = "<legend>Cliente Prospecto</legend>";
	    					  if(data[10]==2)
	    						  document.getElementById('tipom').innerHTML = "<legend>Cliente Potencial</legend>";
	    					  if(data[10]==3)
	    						  document.getElementById('tipom').innerHTML = "<legend>Cliente Activo</legend>";	
    						  tipocli = data[10];
	    					}
	    			    });
	    			  });
	    	alertar('Datos Cargados','exito');
	    	$('#updateCli').modal("show");
	    	
	    } 
} catch (err) {
	alert("Error JS= " + err.message);
}
	
}
function actualizarClienteVenta()
{
	try {
		  
		$('#updateCli').modal("hide");
	  	  	var nomcli_ = document.getElementById('nombrecliente2').value;
		  	var ruc_ = document.getElementById('ruc').value;
		  	var dv_ = document.getElementById('dv').value;
		  	var dir_ = document.getElementById('direccion').value;
		  	var tel1_ = document.getElementById('telefono1').value;
		  	var nomcon_ = document.getElementById('nombre').value;
		  	var tel2_ = document.getElementById('telcontacto').value;
		  	var email_ = document.getElementById('email').value;	
		  	var cargo_ = document.getElementById('cargo').value;	
	  
		  	var organizacion = document.getElementsByName("org");
			 
			var org = "";
			for(var i=0; i<organizacion.length; i++) {    
			  if(organizacion[i].checked) {
				  org = organizacion[i].id;
			   break;
			  }
			}
			if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
	    	else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		
		
	    
	    xmlhttp.open("GET","actdatos.php?id="+codigocliente+"&nombrecliente="+nomcli_+"&direccion="+dir_+"&telefono="+tel1_+"&contacto="+nomcon_+
	    		"&telcontacto="+tel2_+"&cargo="+cargo_+"&email="+email_+"&org="+org+"&tipo="+tipocli+"&ruc="+ruc_+"&dv="+dv_, false);
	    xmlhttp.send();
		
		 var hostInfo="";
	    hostInfo = xmlhttp.responseText;
	    
		 if(hostInfo == "ok")
		{
		 	alertar("Datos de Cliente Actualizados","info");
			if (tipocli==1)
					prospectos();
			if (tipocli==2)
				potenciales();
			if (tipocli==3)
				activos(); 
					
		}
		else
		{
			alertar(hostInfo,"error");
			return false;
		}  
		   
	} catch (err) {
		alertar("Error JS= " + err.message,"error");
	}
}
function Solo_Numero(obj)
{
  Numero=obj;
  if (isNaN(Numero))
	  {
            return "";
      }
   return Numero;
 }
function ValNumero(Control)
{
    Control.value=Solo_Numero(Control.value);
}
function ver2(codcli)
{
	codigocliente=codcli;
	try {
		alertar("Buscando Datos, Por Favor Espere..","info");
		$('#tabla').load('datadetallescliente.php?idcliente='+codigocliente);
	} catch (e) {
		alertar(e.message,"error");
	}
}
function cambiarContrato()
{
	try {
		alertar("Buscando Datos, Por Favor Espere..","info");
		codigocontrato = document.getElementById('conts').value;
		$('#tabla').load('datadetallescliente2.php?idcontrato='+codigocontrato);
	} catch (err) {
		alertar("Error JS= " + err.message, "error");
	}
}
function cambiarContrato2()
{
	try {
		alertar("Buscando Datos, Por Favor Espere..","info");
		codigocontrato = document.getElementById('conts2').value;
		$('#desccont').load('detallecontrato.php?idcontrato='+codigocontrato);
	} catch (err) {
		alertar("Error JS= " + err.message, "error");
	}
}
function nuevoContrato(codcli)
{
	try {
		codigocliente=codcli;
		
		$('#tabla').load('registrar-contrato.php?cliente='+codigocliente);
		
	} catch (err) {
		alertar("Error JS= " + err.message, "error");
	}
}
function regpago(codcli)
{
	try {
		codigocliente=codcli;
		$('#tabla').load('registrar-pago.php?cliente='+codigocliente);
	} catch (err) {
		alertar("Error JS= " + err.message, "error");
	}
}

function verHistorialPagos(numcontrato)
{
	try {
		$('#tabla').load('datadetallespagocontrato.php?idcontrato='+numcontrato+"&idcliente="+codigocliente);
	} catch (e) {
		alertar("Error JS= " + e.message, "error");
	}
}
function verHistorialPagos2(numcontrato,codcli)
{
	try {
		codigocliente=codcli;
		$('#tabla').load('datadetallespagocontrato.php?regreso=1&idcontrato='+numcontrato+"&idcliente="+codigocliente);
	} catch (e) {
		alertar("Error JS= " + e.message, "error");
	}
}
function verHistorialPagos3(numcontrato,codcli)
{
	try {
		codigocliente=codcli;
		$('#tabla').load('datadetallespagocontrato.php?regreso=2&idcontrato='+numcontrato+"&idcliente="+codigocliente);
	} catch (e) {
		alertar("Error JS= " + e.message, "error");
	}
}
function desactivar(numcontrato)
{
	try {
		if(confirm('Desea Desactivar este contrato ?'))
			{
			$('#tabla').load('desactivarcontrato.php?opcion=0&activar=0&idcontrato='+numcontrato+"&idcliente="+codigocliente);
			}
			
	} catch (e) {
		alertar("Error JS= " + e.message, "error");
	}
}
function desactivar2(numcontrato)
{
	try {
		if(confirm('Desea Desactivar este contrato ?'))
			{
			$('#tabla').load('desactivarcontrato.php?opcion=1&activar=0&idcontrato='+numcontrato+"&idcliente="+codigocliente);
			}
			
	} catch (e) {
		alertar("Error JS= " + e.message, "error");
	}
}

function desactivarCliente(codcli)
{
	try {
		if(confirm('Desea desactivar este cliente ?'))
			{
			$('#tabla').load('desactivarcliente.php?activar=0&idcliente='+codcli);
			}
			
	} catch (e) {
		alertar("Error JS= " + e.message, "error");
	}
}
function desactivarCliente2(codcli)
{
	try {
		if(confirm('Desea desactivar este cliente ?'))
			{
			$('#tabla').load('desactivarcliente.php?retorno=1&activar=0&idcliente='+codcli);
			}
			
	} catch (e) {
		alertar("Error JS= " + e.message, "error");
	}
}
function activar()
{
	var numcontrato = $( "#conts2" ).val();
	try {
		if(confirm('Desea Activar este contrato ?'))
			{
			
			$('#tabla').load('desactivarcontrato.php?activar=1&idcontrato='+numcontrato+"&idcliente="+codigocliente);
			}
			
	} catch (e) {
		alertar("Error JS= " + e.message, "error");
	}
}
function ActivarCliente(codcli)
{
	try {
		if(confirm('Desea Activar este cliente ?'))
			{
			$('#tabla').load('desactivarcliente.php?activar=1&idcliente='+codcli);
			}
			
	} catch (e) {
		alertar("Error JS= " + e.message, "error");
	}
}
function verContrato(codContrato)
{
	try {
		alertar("Buscando Datos, Por Favor Espere..","info");
		$('#tabla').load('datadetallescontrato.php?idcontrato='+codContrato);
	} catch (err) {
		alertar("Error JS= " + err.message, "error");
	}
}
function verContrato2(codContrato)
{
	try {
		alertar("Buscando Datos, Por Favor Espere..","info");
		$('#tabla').load('datadetallescontrato.php?opcion=1&idcontrato='+codContrato);
	} catch (err) {
		alertar("Error JS= " + err.message, "error");
	}
}
function enviarOT(codcli,codcont)
{
	try {
		window.location='formulario-envio-ot.php?cliente='+codcli+'&contrato='+codcont;
	} catch (err) {
		alertar("Error JS= " + err.message, "error");
	}
}


function establecermsj(codcli)
{
	alertar("cargando datos, por favor espere","info");
	$("#fechamsj").val("");
	 $("#direccionmsj").val("");
	 $("#comentmsj").val("");
	 $("#status").val("");
	 $("#usermsj").val("");
	try {
	$(function () 
			  {
		      
			    $.ajax({                                      
			      url: 'reg-msj.php', 
			      data: "cliente="+codcli+"&ajax=si",      
			      dataType: "json",                
			      success: function(data)          
					{
					if( data == 0)
					{
						alertar("Sin datos, puede crear uno nuevo","warning");
					}
					else
					{
							 $("#fechamsj").val(data[0]);
							 $("#direccionmsj").val(data[1]);
							 $("#comentmsj").val(data[2]);
							 $("#status").val(data[3]);
							 $("#usermsj").val(data[4]);
							 alertar("Datos cargados, puede modificarlos","info");
					}
			      }
			    });
			  });
	
	$('#modalmodemsj').modal("show");
	codigocliente=codcli;
} catch (e) {
	alertar("Error JS= " + e.message, "error");
}
}
function actualizarMsj()
{
	
	try {
		$('#modalmodemsj').modal("hide");
		var fechamsj = $('#fechamsj').val();
		var direccionmsj = $('#direccionmsj').val();
		var comentmsj = $('#comentmsj').val();
		
		if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
    	else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	
	
    
    xmlhttp.open("GET","reg-msj.php?ajax=no&cliente="+codigocliente+"&direccion="+direccionmsj+"&fecha="+fechamsj+"&comentario="+comentmsj, false);
    xmlhttp.send();
	
	 var hostInfo="";
    hostInfo = xmlhttp.responseText;
    
	 if(hostInfo == "ok")
	{
	 	alertar("Datos de Mensajeria Actualizados","info");
						
	}
	else
	{
		alertar(hostInfo,"error");
		return false;
	}  
		
	} catch (e) {
		alertar("Error JS= " + e.message, "error");
	}
}
/********************
 * TODO: VERIFICAR AL ABRIR FORMULARIO DE CONVERSION, QUE EL CLIENTE YA ESTE CONVERTIDO 
 */
</script>
</html>
